#login_container {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: relative;

    .login_main {
        width: 100%;
        height: 100vh;
        display: flex;
    }

    .login_left {
        width: 550px;
        height: 100%;
        background-color: rgba(29, 33, 41, 0.1);
        position: relative;
        transition: 0.5s;

        @media (max-width: 992px) {
            width: 25%;
        }


        .left_content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: 1s;


            @media (max-width: 992px) {
                display: none;
            }
        }

        .left_logo {
            width: 200px;
            height: 200px;
            background: url('@/assets/vite.png') center center;
            background-size: 100% 100%;

        }

        .left_title {
            font-size: 30px;
            font-weight: 600;
            margin-top: 32px;
        }
    }



    .login_right {
        flex: 1;
        flex-shrink: 1;
        height: 100vh;
        background: #fff;
        position: relative;

        .right_form {
            width: 360px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            .form_items {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }

            .login-form-button {
                width: 100%;
            }
        }
    }

}